<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://www.opensymphony.com/oscache" prefix="cache"%>
<style type="text/css">
<!--
#top {
background: #FFF;
overflow:hidden;
border: 1px #CCC;
width: 708px;
}
#top img {
border: 1px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#top1 {
float: left;
}
#top2 {
float: left;
}
-->
</style>

 <div class="boxB btmMar10">
    <div class="boxB-top">
        <div class="boxTitleA">精品推荐</div>
    </div>
    <div class="boxB-mid" id="slider">
       <div id="top">
		<div id="indemo">
		<div id="top1">
		<logic:present name="topsList">
           <logic:iterate id="item" name="topsList">
           <div class="mustSin btmLine1"><dl>
              <dt><a href="info_${item.id }.html" title="${item.name }" target="_blank"><img width="100px" height="100px" src="<logic:empty name="item" property="icon">resources/images/icon_empty.png</logic:empty><logic:notEmpty name="item" property="icon"><bean:message key="base"/>upload/icon/${item.icon }</logic:notEmpty>" alt="${item.name }" /></a></dt>
              <dd><a href="info_${item.id }.html" title="${item.name }" target="_blank" title="${item.name }" target="_blank">${item.name }</a></dd>
           </dl></div>
           </logic:iterate>
        </logic:present>
		</div>
		<div id="top2"></div>
		</div>
		</div>
    </div>
</div>
<script>
<!--
var speed=20;
var tab=document.getElementById("top");
var tab1=document.getElementById("top1");
var tab2=document.getElementById("top2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
